<html>
  <head>
    <title>Timeline View</title>
    <link rel='stylesheet' href='styles.css' type='text/css' />

    <!-- ############################################################################ -->
    <!-- To use this file on your own system, replace ../../api/timeline-api.js with  -->
    <!--     http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js          -->
    <!-- (where 2.3.1 is the current release number.)                                 -->
    <!--<script src="../../api/timeline-api.js?bundle=true" type="text/javascript"></script>-->
	<!--<script src="http://static.simile.mit.edu/timeline/api-2.3.0/timeline-api.js?bundle=true" type="text/javascript"></script>-->

	<script src="./timeline_2.3.1/timeline_js/timeline-api.js?bundle=true" type="text/javascript"></script>
    <script src="./timeline_2.3.1/timeline_js/filters.js" type="text/javascript"></script>

	<!-- my files -->
    <script src="js/opdaybptimeline.js" type="text/javascript"></script>

	<script type="text/javascript">
		function onLoad() {

			createTimeline()

		 }
	</script>
	<style>
		h1 {
			font-family: Georgia,"Times New Roman",Times,serif;
			font-size:26px;
			color:#083772;
			letter-spacing:-1px;
			font-weight:normal;
			background:#eee;
			padding:15px 20px;
			border-bottom:1px solid #ccc;
		}
		h2 {
			font-size: 18px;
			line-height:18px;
			color:#083772;
			margin-bottom:15px;
			font-weight:normal;
		}
		p {
			margin:10px 20px;
			line-height:18px;
		}
	</style>
  </head>
  <body onload="onLoad()" onresize="onResize();">
  
    <div id="header">
      <h1>Timeline views</h1>
    </div>
  
    <div id="content">
      <!--
	  <p>Timeline version <span id='tl_ver'></span>.</p>
      <script>Timeline.writeVersion('tl_ver')</script>
	-->

      <!--<div id="tl" class="timeline-default" style="height: 300px;"></div>-->
      <div id="tl" class="timeline-default" style="height: 300px; margin-top: 20px; margin-bottom: 50px;"></div>
      
      <div class="controls" id="controls"></div>
      <div class="footnotes">
          All times are in Dallas CST (GMT-0600).
      </div>

      <div id="item"><p>this is a test item to be hidden.</p></div>
    
    </div>
  </body>
</html>
